<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./bootstrap.min.css">
    <link rel="stylesheet" href="./laya家族.css">
</head>
<body>
    <div class="box">
        <nav class="navbar navbar-inverse navbar-bottom">
            <div class="container-fluid nav-body">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                </button>
            </div>
        
            <div class="collapse navbar-collapse nav-r" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                <li>
                    <img src="./images/logo.png" class="logo" alt="">
                </li>
                <li class="active"><a href="./index.html">首页 <span class="sr-only">(current)</span></a></li>
                <li><a href="./laya家族.html">Laya家族</a></li>
                <li><a href="./game.html">游戏</a></li>
                <li><a href="./new.html">新闻动态</a></li>
                <li><a href="./about.html">关于我们</a></li>
                <ul class="nav navbar-nav navbar-right">
                <!-- <li><a href="#">Link</a></li> -->
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="#">Separated link</a></li>
                    </ul>
                </li>
                </ul>
            </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
        <!-- one -->
        <div class="lfbox">
            <div class="lf01">
                <div class="lf-l">
                    <div class="lf-title">
                        <div class="lf-titleimg">1</div>
                        LayaFlash
                    </div>
                    <div class="lf-txt01">直接用Flash AS3语言开发HTNL5的引擎</div>
                    <div class="lf-txt02">支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发 HTML5产品；</div>
                    <div class="lf-txt02">支持将Flash页游\手游产品快速转换成为HTML5游戏，让Flash研发企业 进入HTML5市场低成本、无门槛；</div>
                    <div class="lf-txt02">支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。</div>
                    <div class="lf-btn">进入下载</div>
                </div>
                <div class="lf-r">
                    <img src="./images/lfimg.png" alt="">
                </div>
            </div>
        </div>

        <!-- two -->
        <div class="lpbox">
            <div class="lp01">
                <div class="lp-l">
                    <div class="lp-title">
                        <div class="lp-titleimg">2</div>
                        LayaPlayer
                    </div>
                    <div class="lp-l-img"><img src="./images/lpimg01.png" alt=""></div>
                </div>
                <div class="lp-c">
                    <div class="lp-c-title">极强性能</div>
                    <div class="lp-c-txt">C语言编写的HTML5运行器，逻辑渲染双核运
                        行、GPU加速渲染、内存显存智能管理、渲染流
                        程极致优化，基于LayaPlayer运行的HTML5产品
                        性能媲美APP。</div>
                    <div class="lp-c-title">更小，更多，更强</div>
                    <div class="lp-c-txt">不足20K的HTML5运行器，拥有超过5亿的移动
                        设备安装量，已嵌入到QQ浏览器、QQ空间、百
                        度浏览器、新浪微博、猎豹浏览器等20多家主流
                        平台。</div>
                </div>
                <div class="lp-r">
                    <div class="lp-r-rimg"><img src="./images/lpimg02.png" alt=""></div>
                </div>
            </div>
        </div>

        <!-- three -->
        <div class="labox">
            <div class="la01">
                <div class="la-l">
                    <div class="la-title">
                        <div class="la-titleimg">3</div>
                        LayaAir
                    </div>
                    <div class="la-txt01">新一代HTML5引擎，正在内测完善中，敬请期待</div>
                    <div class="la-txt02">小巧强大</div>
                    <div class="la-txt03">      核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</div>
                    <div class="la-txt02">应用领域更广泛</div>
                    <div class="la-txt03">      可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</div>
                    <div class="la-txt02">多语言开发</div>
                    <div class="la-txt03">      支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</div>
                    <div class="la-img"><img src="./images/laimg01.png" alt=""></div>
                </div>
                <div class="la-l">
                    <div class="la-title">
                        <div class="la-titleimg">3</div>
                        LayaAir
                    </div>
                    <div class="la-txt01">新一代HTML5引擎，正在内测完善中，敬请期待</div>
                    <div class="la-txt02">小巧强大</div>
                    <div class="la-txt03">      核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</div>
                    <div class="la-txt02">应用领域更广泛</div>
                    <div class="la-txt03">      可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</div>
                    <div class="la-txt02">多语言开发</div>
                    <div class="la-txt03">      支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</div>
                    <div class="la-img"><img src="./images/laimg02.png" alt=""></div>
                </div>
            </div>
        </div>

        <!-- four -->
        <div class="lsbox">
            <div class="ls01">
                <div class="ls-l">
                    <div class="ls-title">
                        <div class="ls-titleimg">3</div>
                        LayaAir
                    </div>
                    <div class="ls-txt01">新一代HTML5引擎，正在内测完善中，敬请期待</div>
                    <div class="ls-txt02">小巧强大</div>
                    <div class="ls-txt03">      核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</div>
                    <div class="ls-txt02">应用领域更广泛</div>
                    <div class="ls-txt03">      可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</div>
                    <div class="ls-txt02">多语言开发</div>
                    <div class="ls-txt03">      支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</div>
                    <div class="ls-img"><img src="./images/laimg03.png" alt=""></div>
                </div>
                <div class="ls-l">
                    <div class="ls-title">
                        <div class="ls-titleimg">3</div>
                        LayaAir
                    </div>
                    <div class="ls-txt01">新一代HTML5引擎，正在内测完善中，敬请期待</div>
                    <div class="ls-txt02">小巧强大</div>
                    <div class="ls-txt03">      核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</div>
                    <div class="ls-txt02">应用领域更广泛</div>
                    <div class="ls-txt03">      可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</div>
                    <div class="ls-txt02">多语言开发</div>
                    <div class="ls-txt03">      支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</div>
                    <div class="ls-img"><img src="./images/laimg04.png" alt=""></div>
                </div>
            </div>
        </div>

        <!-- five -->
        <div class="parbox">
            <div class="par01">
                <div class="par-l">
                    <div class="parl-txt01">公司简介  联系方式  人才招聘</div>
                    <div class="parl-txt02">All Copyright Reserved by Layabox Inc.京1CP备15008263号-1</div>
                </div>
                <div class="par-r">
                    <div class="par-rimg"><img src="./images/email.png" alt=""></div>
                    <div class="par-rimg"><img src="./images/email.png" alt=""></div>
                    <div class="par-rimg"><img src="./images/email.png" alt=""></div>
                </div>
            </div>
        </div>

    </div>
</body>
</html>

<script src="./jquery.min.js"></script>
<script src="./bootstrap.min.js"></script>